1
|
|
|
/* |
2
|
|
|
|-------------------------------------------------------------------------- |
3
|
|
|
| Include Dependencies |
4
|
|
|
|-------------------------------------------------------------------------- |
5
|
|
|
| |
6
|
|
|
*/ |
7
|
|
|
|
8
|
|
|
var gulp = require('gulp'); |
9
|
|
|
var watch = require('gulp-watch'); |
10
|
|
|
var stylus = require('gulp-stylus'); |
11
|
|
|
var browserSync = require('browser-sync'); |
12
|
|
|
var sourcemaps = require('gulp-sourcemaps'); |
13
|
|
|
|
14
|
|
|
/* |
15
|
|
|
|-------------------------------------------------------------------------- |
16
|
|
|
| Variables |
17
|
|
|
|-------------------------------------------------------------------------- |
18
|
|
|
| |
19
|
|
|
*/ |
20
|
|
|
|
21
|
|
|
/* css */ |
22
|
|
|
var css_source = './app/resources/assets/css/**/*.styl'; |
23
|
|
|
var css_dest = './public/assets/css'; |
24
|
|
|
|
25
|
|
|
/* |
26
|
|
|
|-------------------------------------------------------------------------- |
27
|
|
|
| Watch |
28
|
|
|
|-------------------------------------------------------------------------- |
29
|
|
|
| |
30
|
|
|
*/ |
31
|
|
|
|
32
|
|
|
gulp.task('watch', function() { |
33
|
|
|
gulp.watch(css_source, [browserSync.reload]); |
34
|
|
|
gulp.watch('**/*.php', [browserSync.reload]); |
35
|
|
|
}); |
36
|
|
|
|
37
|
|
|
/* |
38
|
|
|
|-------------------------------------------------------------------------- |
39
|
|
|
| Browser Sync |
40
|
|
|
|-------------------------------------------------------------------------- |
41
|
|
|
| |
42
|
|
|
*/ |
43
|
|
|
|
44
|
|
|
gulp.task('browser-sync', function() { |
45
|
|
|
browserSync({ |
46
|
|
|
proxy: 'vertex.dev', |
47
|
|
|
notify: false |
48
|
|
|
}); |
49
|
|
|
}); |
50
|
|
|
|
51
|
|
|
/* |
52
|
|
|
|-------------------------------------------------------------------------- |
53
|
|
|
| Compile Stylus |
54
|
|
|
|-------------------------------------------------------------------------- |
55
|
|
|
| |
56
|
|
|
*/ |
57
|
|
|
|
58
|
|
|
gulp.task('compile-css', function () { |
59
|
|
|
return gulp.src(css_source) |
60
|
|
|
.pipe(sourcemaps.init()) |
61
|
|
|
.pipe(stylus({ |
62
|
|
|
'compress': true, |
63
|
|
|
'include css': true |
64
|
|
|
})) |
65
|
|
|
.pipe(sourcemaps.write('.')) |
66
|
|
|
.pipe(gulp.dest(css_dest)); |
67
|
|
|
}); |
68
|
|
|
|
69
|
|
|
/* |
70
|
|
|
|-------------------------------------------------------------------------- |
71
|
|
|
| Register Default Task |
72
|
|
|
|-------------------------------------------------------------------------- |
73
|
|
|
| |
74
|
|
|
*/ |
75
|
|
|
|
76
|
|
|
gulp.task('default', ['compile-css', 'browser-sync', 'watch']); |
77
|
|
|
|
78
|
|
|
|
79
|
|
|
|